<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <title>在线下单</title>
    <link rel="stylesheet" type="text/css" href="public/dist/css/zui.min.css" />
    <link rel="stylesheet" href="public/css/background.css">

    <style>
        #framer {
          width: 100%;
          height: 900px;
          margin: 0px auto;
        }
    
        #center {
    
          text-align: center;
        }
    
        #fram {
          height: 600px;
          margin: 10px auto;
        }
    
        .right {
          position: absolute;
          left: 20px;
          top: 56px;
          right: 20px;
          bottom: 0px;
        }
    
        iframe {
          width: 100%;
          height: 100%;
          border: 10px;
        }
      </style>
</head>

<body>
    <div class="panel">
        <div class="panel-heading">
         在线下单
        </div>
        <div class="panel-body">
         

            <div class="panel" id="frame">
                <div class="panel-heading">
                    寄件人地址资料
                </div>
                <div class="panel-body">
        
                   
        
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="exampleInputAccount4" class="col-lg-2">寄件人物品名</label>
                            <div class="col-md-6 col-sm-10">
                                <input type="text" class="form-control" id="eName" placeholder="寄件人物品名">
                            </div>
                        </div>
                       

                        <div class="form-group">
                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">省</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change()" id="addressOne">
                                   
                                </select>
                            </div>
                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">市</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change2()" id="addressTwo">
                                   
                                </select>
                            </div>

                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">区/县</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change3()" id="addressThree">
        
                                </select>
                            </div>

                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">详细地址</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <input type="text" class="form-control" id="Address" placeholder="详细地址">
                            </div>
                        </div>
        
                        
                    </form>
                    
        
        
                </div>
            </div>
        
            <div class="panel" id="frame">
                <div class="panel-heading">
                    收件人地址资料
                </div>
                <div class="panel-body">
        
        
        
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="exampleInputAccount4" class="col-sm-2">收件人</label>
                            <div class="col-md-6 col-sm-10">
                                <input type="text" class="form-control" id="shouName" placeholder="请输入收件人姓名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword4" class="col-sm-2">收件人电话</label>
                            <div class="col-md-6 col-sm-10">
                                <input type="text" class="form-control" id="shouTell" placeholder="请输入收件人手机号/电话">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">省</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change4()" id="addressA">
                                   
                                </select>
                            </div>
                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">市</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change5()" id="addressB">
                                   
                                </select>
                            </div>

                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">区/县</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change6()" id="addressC">
        
                                </select>
                            </div>

                            <label for="exampleInputAddress1" class="col-lg-1 col-sm-2 col-xs-3">详细地址</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <input type="text" class="form-control" id="Address2" placeholder="详细地址">
                            </div>
                        </div>
                        
                        <div class="form-group">
                        <label for="exampleInputAddress1" class="col-lg-2 col-sm-3 col-xs-3">物品</label>
                        <div class="col-lg-2 col-sm-2 col-xs-4">
                            <select class="form-control" onchange="change7()" id="goods1">
    
                            </select>
                        </div>
                            <label for="exampleInputAddress1" class="col-lg-2 col-sm-3 col-xs-3">物品细分</label>
                            <div class="col-lg-2 col-sm-2 col-xs-4">
                                <select class="form-control" onchange="change8()" id="goods2">
        
                                </select>
                            </div>
                        
                        </div>
                        
        
        
                        
                    </form>
        
                </div>
            </div>

            <div id="center">
                <div  class=" with-padding">
                    <button class="btn btn-lg btn-warning " type="button" onclick = "doSubmit()">提交</button>
                </div>
            </div>
        </div>
      </div>



</body>
<script type="text/javascript" src="public/dist/lib/jquery/jquery.js"></script>
<script type="text/javascript" src="public/dist/js/zui.min.js"></script>
<script type="text/javascript" src="public/layer/layer.js"></script>
<script type="text/javascript" src="public/js/function.js"></script>
<script type="text/javascript" src="public/js/orders.js"></script>
</html>